<template>
  <!-- nav 导航 -->
  <div class="swiper-navs">
    <el-scrollbar>
      <div class="scroll-wrap">
         <div class="swiper-item" v-for="(item,index) in [,,,,,,,,,,]" :key="index">
            <img src="/static/home/fuzhuang.png" />
            <span>小家电</span>
          </div>
      </div>
    </el-scrollbar>
  </div>
</template>

<script>
export default {
  name: 'GraphicNavigationStyle2',
  props: {
   
  },
  data() {
    return {
     navDate: [
        {title: 'fsfs'},
        {title: 'fsfs'},
      ],
    }
  },
  computed: {
    
  },
  mounted() {
    
  },
  methods: {

  },
}
</script>

<style lang="less" scoped>
  // nav导航
  .swiper-navs {
    width: 358px;
    margin: 0 auto;
    .el-scrollbar {
      width: 100%;
      .scroll-wrap {
        display: flex;
        flex-wrap: wrap;
        .swiper-item {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          img {
            width: 70px;
            height: 70px;
          }
          span {
            color: #000;
            font-size: 12px;
          }
        }
      }
    }
  }
</style>